<%= polaris_frame do |frame| %>
  <% frame.with_navigation do |navigation| %>
    <% navigation.with_section do |section| %>
      <% section.with_item(url: "#", label: "Back to Shopify", icon: "ArrowLeftIcon") %>
    <% end %>
    <% navigation.with_section(title: "Jaded Pixel App", separator: true) do |section| %>
      <% section.with_action(icon: "ChatIcon") %>
      <% section.with_item(url: "#", label: "Dashboard", icon: "HomeIcon") %>
      <% section.with_item(url: "#", label: "Jaded Pixel Orders", icon: "OrderIcon") %>
    <% end %>
  <% end %>

  <%= polaris_page(title: "Toast example") do %>
    <%= polaris_button_group(segmented: true) do |group| %>
      <% 3.times do |i| %>
        <%= group.with_button(data: {
          controller: "polaris",
          target: "#demo-toast#{i + 1}",
          action: "polaris#showToast",
        }) { "Show toast #{i + 1}" } %>
      <% end %>
    <% end %>
  <% end %>

  <% frame.with_toasts do %>
    <%= polaris_toast(id: "demo-toast1", hidden: true) { "Lorem Ipsum is simply dummy text of the printing and typesetting industry." } %>
    <%= polaris_toast(id: "demo-toast2", hidden: true) { "Lorem Ipsum is simply dummy " } %>
    <%= polaris_toast(id: "demo-toast3", hidden: true) { "3. Lorem Ipsum is simply dummy text of the printing and typesetting industry." } %>
  <% end %>
<% end %>
